<template>
  <div>
    <!-- v-for 语法:循环渲染结构
    要循环渲染谁，就把 v-for 写在哪个标签上 -->
    <ul>
      <li v-for="(item,index) in arr" :key="index">
        {{index}}---{{item}}
        </li>
        
    </ul>
    <button @click="increase">点击加我</button>
  </div>
</template>

<script>
export default{
  data(){
    return {
      arr: ['张三','孙六','赵五','李四'],
    }
  },
  methods:{
    increase(){
      //  this.arr.push('喝酒')
      this.arr.splice(1,0,'新来的')
    }
  }
}
</script>

<style>

</style>